{% extends 'base.html' %}

{% block title %}Unlock your score — {{ course.title }}{% endblock %}

{% block content %}
<section class="py-5">
  <div class="container" style="max-width:28rem;">
    <div class="card border-0 shadow-sm rounded-4 p-4">
      <h1 class="h4 fw-bold">Almost there</h1>
      <p class="text-muted small">Enter your details to unlock your projected certification score. We may follow up with a discount code.</p>
      <form method="post">
        {% csrf_token %}
        <div class="mb-3">
          <label class="form-label fw-semibold">Email</label>
          {{ form.email }}
          {% if form.email.errors %}<div class="text-danger small">{{ form.email.errors|striptags }}</div>{% endif %}
        </div>
        <div class="mb-3">
          <label class="form-label fw-semibold">WhatsApp</label>
          {{ form.whatsapp }}
        </div>
        <button type="submit" class="btn btn-success w-100 fw-semibold">Show my projected score</button>
      </form>
    </div>
  </div>
</section>
{% endblock %}